<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>智能化粮情监测平台</title>
    <link rel="stylesheet" href="../css/main.css"/>
</head>
<body>
<!-- <header id="top_box">
    <div class="top_first">
        <a class="logo" href="javascript:void(0);">智能化<span>粮情监测平台</span></a>
        <ul class="top_right rt">
            <li class="lf modify-pwd">
                <a href=""><span></span>修改密码</a>
            </li>
            <li class="lf user-info">
                <a href=""><span></span>用户信息</a>
            </li>
            <li class="lf logout">
                <a href=""><span></span>退出系统</a>
            </li>
        </ul>
    </div>
</header> -->
<section id="main" style="height: 848px;">
    <div class="main_container">
        <aside class="lf" style="height: 836px;">
            <div class="main_menu">
                <span></span>管理菜单
            </div>
            <div class="leftsidebar_box">
                <div class="line"></div>
                <dl class="system_log">
                    <dt>实时仓库<img src="../images/select_xl01.png"></dt>

                </dl>

                <dl class="custom">
                    <dt>客户管理<img src="../images/select_xl01.png"></dt>
                </dl>

                <dl class="channel">
                    <dt>渠道管理<img src="../images/select_xl01.png"></dt>
                </dl>

                <dl class="app">
                    <dt>APP管理<img src="../images/select_xl01.png"></dt>
                </dl>
                <dl class="source">
                    <dt>素材库管理<img src="../images/select_xl01.png"></dt>
                </dl>

                <dl class="statistics">
                    <dt>统计分析<img src="../images/select_xl01.png"></dt>
                </dl>
            </div>
        </aside>
        <div class="main_part" style="height: 836px;">
            <div class="active_user">
                <ul>
                    <li class="lf activeUser"><span></span>当前登录用户：</li>
                    <li class="lf user_Role"><span></span>用户角色：</li>
                </ul>
                <div id="weather" class="rt">
                    <iframe name="weather_inc" style="color: #000;" src="http://i.tianqi.com/index.php?c=code&amp;id=99" width="160" height="30" frameborder="0" marginwidth="0" marginheight="0" scrolling="no">

                    </iframe>
                </div>
            </div>
            <!--加载仓库列表-->
            <div id="work">


    <style>
        body .my-class .layui-layer-title{
            background:#3E3E3E;
            color:#E6F3EF;
            border: none;
            height: 30px;
            line-height: 30px;
            font-size: 12px;
        }
        .layui-layer-setwin{
            top: 28px;
            right: 17px;
        }
        #work{
             background: #E8F0F2;
         }
    </style>


<div class="container" style="height: 832px;">
    <ul class="granary_list">
        <li class="lf">
            <table cellspacing="0" cellpadding="0">
                <tbody>
                <tr>
                    <td colspan="2" align="center">
                        <a href="javascript:void(0);">
                            <img src="../images/Square_Normal.gif">
                        </a>
                    </td>
                </tr>
                <tr style="height:30px;">
                    <td colspan="2" align="center">
                        <div>1号仓 [托市粮]<br>
                        </div>
                </td></tr><tr style="height:26px;">
                    <td align="left">设计仓容:</td>
                    <td align="left">9700吨</td>
                </tr>
                <tr style="height:26px;" class="checktime" title="粮情平台检测分析时粮食储量">
                    <td class="CheckColor" style="color: black;" align="left">2017-05-25</td>
                    <td class="CheckColor" style="color: black;" align="left">[稻谷]7791吨</td>
                </tr>
                <tr style="height:26px;" class="grain" title="保管员最后更新粮食储量 ">
                    <td class="GrainColor" style="color: black;" align="left">2016-05-02</td>
                    <td class="GrainColor" style="color: black;" align="left">[稻谷]7791吨</td>
                </tr>
                <tr style="height:26px;">
                    <td align="left">存储年限:</td>
                    <td align="left">3年<span>[正常存储]</span></td>
                </tr>
                </tbody>
            </table>
        </li>
        <li class="lf">
            <table cellspacing="0" cellpadding="0">
                <tbody>
                <tr>
                    <td colspan="2" align="center">
                        <a href="javascript:void(0);">
                            <img src="../images/Square_Normal.gif">
                        </a>
                    </td>
                </tr>
                <tr style="height:30px;">
                    <td colspan="2" align="center">
                        <div>2号仓 [托市粮]<br>
                        </div>
                </td></tr><tr style="height:26px;">
                    <td align="left">设计仓容:</td>
                    <td align="left">9700吨</td>
                </tr>
                <tr style="height:26px;" class="checktime" title="粮情平台检测分析时粮食储量">
                    <td class="CheckColor" style="color: black;" align="left">2017-05-25</td>
                    <td class="CheckColor" style="color: black;" align="left">[稻谷]7791吨</td>
                </tr>
                <tr style="height:26px;" class="grain" title="保管员最后更新粮食储量 ">
                    <td class="GrainColor" style="color: black;" align="left">2016-05-02</td>
                    <td class="GrainColor" style="color: black;" align="left">[稻谷]7791吨</td>
                </tr>
                <tr style="height:26px;">
                    <td align="left">存储年限:</td>
                    <td align="left">3年<span>[正常存储]</span></td>
                </tr>
                </tbody>
            </table>
        </li>
        <li class="lf">
            <table cellspacing="0" cellpadding="0">
                <tbody>
                <tr>
                    <td colspan="2" align="center">
                        <a href="javascript:void(0);">
                            <img src="../images/Square_Normal.gif">
                        </a>
                    </td>
                </tr>
                <tr style="height:30px;">
                    <td colspan="2" align="center">
                        <div>3号仓 [托市粮]<br>
                        </div>
                </td></tr><tr style="height:26px;">
                    <td align="left">设计仓容:</td>
                    <td align="left">9700吨</td>
                </tr>
                <tr style="height:26px;" class="checktime" title="粮情平台检测分析时粮食储量">
                    <td class="CheckColor" style="color: black;" align="left">2017-05-25</td>
                    <td class="CheckColor" style="color: black;" align="left">[稻谷]7791吨</td>
                </tr>
                <tr style="height:26px;" class="grain" title="保管员最后更新粮食储量 ">
                    <td class="GrainColor" style="color: black;" align="left">2016-05-02</td>
                    <td class="GrainColor" style="color: black;" align="left">[稻谷]7791吨</td>
                </tr>
                <tr style="height:26px;">
                    <td align="left">存储年限:</td>
                    <td align="left">3年<span>[正常存储]</span></td>
                </tr>
                </tbody>
            </table>
        </li>
        <li class="lf">
            <table cellspacing="0" cellpadding="0">
                <tbody>
                <tr>
                    <td colspan="2" align="center">
                        <a href="javascript:void(0);">
                            <img src="../images/Square_Normal.gif">
                        </a>
                    </td>
                </tr>
                <tr style="height:30px;">
                    <td colspan="2" align="center">
                        <div>4号仓 [托市粮]<br>
                        </div>
                </td></tr><tr style="height:26px;">
                    <td align="left">设计仓容:</td>
                    <td align="left">9700吨</td>
                </tr>
                <tr style="height:26px;" class="checktime" title="粮情平台检测分析时粮食储量">
                    <td class="CheckColor" style="color: black;" align="left">2017-05-25</td>
                    <td class="CheckColor" style="color: black;" align="left">[稻谷]7791吨</td>
                </tr>
                <tr style="height:26px;" class="grain" title="保管员最后更新粮食储量 ">
                    <td class="GrainColor" style="color: black;" align="left">2016-05-02</td>
                    <td class="GrainColor" style="color: black;" align="left">[稻谷]7791吨</td>
                </tr>
                <tr style="height:26px;">
                    <td align="left">存储年限:</td>
                    <td align="left">3年<span>[正常存储]</span></td>
                </tr>
                </tbody>
            </table>
        </li>
        <li class="lf">
            <table cellspacing="0" cellpadding="0">
                <tbody>
                <tr>
                    <td colspan="2" align="center">
                        <a href="javascript:void(0);">
                            <img src="../images/Square_Normal.gif">
                        </a>
                    </td>
                </tr>
                <tr style="height:30px;">
                    <td colspan="2" align="center">
                        <div>5号仓 [托市粮]<br>
                        </div>
                </td></tr><tr style="height:26px;">
                    <td align="left">设计仓容:</td>
                    <td align="left">9700吨</td>
                </tr>
                <tr style="height:26px;" class="checktime" title="粮情平台检测分析时粮食储量">
                    <td class="CheckColor" style="color: black;" align="left">2017-05-25</td>
                    <td class="CheckColor" style="color: black;" align="left">[稻谷]7791吨</td>
                </tr>
                <tr style="height:26px;" class="grain" title="保管员最后更新粮食储量 ">
                    <td class="GrainColor" style="color: black;" align="left">2016-05-02</td>
                    <td class="GrainColor" style="color: black;" align="left">[稻谷]7791吨</td>
                </tr>
                <tr style="height:26px;">
                    <td align="left">存储年限:</td>
                    <td align="left">3年<span>[正常存储]</span></td>
                </tr>
                </tbody>
            </table>
        </li>
        <li class="lf">
            <table cellspacing="0" cellpadding="0">
                <tbody>
                <tr>
                    <td colspan="2" align="center">
                        <a href="javascript:void(0);">
                            <img src="../images/Square_Normal.gif">
                        </a>
                    </td>
                </tr>
                <tr style="height:30px;">
                    <td colspan="2" align="center">
                        <div>6号仓 [托市粮]<br>
                        </div>
                </td></tr><tr style="height:26px;">
                    <td align="left">设计仓容:</td>
                    <td align="left">9700吨</td>
                </tr>
                <tr style="height:26px;" class="checktime" title="粮情平台检测分析时粮食储量">
                    <td class="CheckColor" style="color: black;" align="left">2017-05-25</td>
                    <td class="CheckColor" style="color: black;" align="left">[稻谷]7791吨</td>
                </tr>
                <tr style="height:26px;" class="grain" title="保管员最后更新粮食储量 ">
                    <td class="GrainColor" style="color: black;" align="left">2016-05-02</td>
                    <td class="GrainColor" style="color: black;" align="left">[稻谷]7791吨</td>
                </tr>
                <tr style="height:26px;">
                    <td align="left">存储年限:</td>
                    <td align="left">3年<span>[正常存储]</span></td>
                </tr>
                </tbody>
            </table>
        </li>
        <li class="lf">
            <table cellspacing="0" cellpadding="0">
                <tbody>
                <tr>
                    <td colspan="2" align="center">
                        <a href="javascript:void(0);">
                            <img src="../images/Square_Normal.gif">
                        </a>
                    </td>
                </tr>
                <tr style="height:30px;">
                    <td colspan="2" align="center">
                        <div>7号仓 [托市粮]<br>
                        </div>
                </td></tr><tr style="height:26px;">
                    <td align="left">设计仓容:</td>
                    <td align="left">9700吨</td>
                </tr>
                <tr style="height:26px;" class="checktime" title="粮情平台检测分析时粮食储量">
                    <td class="CheckColor" style="color: black;" align="left">2017-05-25</td>
                    <td class="CheckColor" style="color: black;" align="left">[稻谷]7791吨</td>
                </tr>
                <tr style="height:26px;" class="grain" title="保管员最后更新粮食储量 ">
                    <td class="GrainColor" style="color: black;" align="left">2016-05-02</td>
                    <td class="GrainColor" style="color: black;" align="left">[稻谷]7791吨</td>
                </tr>
                <tr style="height:26px;">
                    <td align="left">存储年限:</td>
                    <td align="left">3年<span>[正常存储]</span></td>
                </tr>
                </tbody>
            </table>
        </li>
        <li class="lf">
            <table cellspacing="0" cellpadding="0">
                <tbody>
                <tr>
                    <td colspan="2" align="center">
                        <a href="javascript:void(0);">
                            <img src="../images/Square_Normal.gif">
                        </a>
                    </td>
                </tr>
                <tr style="height:30px;">
                    <td colspan="2" align="center">
                        <div>8号仓 [托市粮]<br>
                        </div>
                </td></tr><tr style="height:26px;">
                    <td align="left">设计仓容:</td>
                    <td align="left">9700吨</td>
                </tr>
                <tr style="height:26px;" class="checktime" title="粮情平台检测分析时粮食储量">
                    <td class="CheckColor" style="color: black;" align="left">2017-05-25</td>
                    <td class="CheckColor" style="color: black;" align="left">[稻谷]7791吨</td>
                </tr>
                <tr style="height:26px;" class="grain" title="保管员最后更新粮食储量 ">
                    <td class="GrainColor" style="color: black;" align="left">2016-05-02</td>
                    <td class="GrainColor" style="color: black;" align="left">[稻谷]7791吨</td>
                </tr>
                <tr style="height:26px;">
                    <td align="left">存储年限:</td>
                    <td align="left">3年<span>[正常存储]</span></td>
                </tr>
                </tbody>
            </table>
        </li>
        <li class="lf">
            <table cellspacing="0" cellpadding="0">
                <tbody>
                <tr>
                    <td colspan="2" align="center">
                        <a href="javascript:void(0);">
                            <img src="../images/Square_Normal.gif">
                        </a>
                    </td>
                </tr>
                <tr style="height:30px;">
                    <td colspan="2" align="center">
                        <div>9号仓 [托市粮]<br>
                        </div>
                </td></tr><tr style="height:26px;">
                    <td align="left">设计仓容:</td>
                    <td align="left">9700吨</td>
                </tr>
                <tr style="height:26px;" class="checktime" title="粮情平台检测分析时粮食储量">
                    <td class="CheckColor" style="color: black;" align="left">2017-05-25</td>
                    <td class="CheckColor" style="color: black;" align="left">[稻谷]7791吨</td>
                </tr>
                <tr style="height:26px;" class="grain" title="保管员最后更新粮食储量 ">
                    <td class="GrainColor" style="color: black;" align="left">2016-05-02</td>
                    <td class="GrainColor" style="color: black;" align="left">[稻谷]7791吨</td>
                </tr>
                <tr style="height:26px;">
                    <td align="left">存储年限:</td>
                    <td align="left">3年<span>[正常存储]</span></td>
                </tr>
                </tbody>
            </table>
        </li>
        <li class="lf">
            <table cellspacing="0" cellpadding="0">
                <tbody>
                <tr>
                    <td colspan="2" align="center">
                        <a href="javascript:void(0);">
                            <img src="../images/Square_Normal.gif">
                        </a>
                    </td>
                </tr>
                <tr style="height:30px;">
                    <td colspan="2" align="center">
                        <div>10号仓 [托市粮]<br>
                        </div>
                </td></tr><tr style="height:26px;">
                    <td align="left">设计仓容:</td>
                    <td align="left">9700吨</td>
                </tr>
                <tr style="height:26px;" class="checktime" title="粮情平台检测分析时粮食储量">
                    <td class="CheckColor" style="color: black;" align="left">2017-05-25</td>
                    <td class="CheckColor" style="color: black;" align="left">[稻谷]7791吨</td>
                </tr>
                <tr style="height:26px;" class="grain" title="保管员最后更新粮食储量 ">
                    <td class="GrainColor" style="color: black;" align="left">2016-05-02</td>
                    <td class="GrainColor" style="color: black;" align="left">[稻谷]7791吨</td>
                </tr>
                <tr style="height:26px;">
                    <td align="left">存储年限:</td>
                    <td align="left">3年<span>[正常存储]</span></td>
                </tr>
                </tbody>
            </table>
        </li>
    </ul>
</div>
<script src="../js/jquery-1.11.3.js"></script>
<script src="../js/layer.js"></script>
<script>
    $('.granary_list li table tr td a').click(function () {
        layer.config({
            skin: 'my-class'
        });
        layer.open({
            type: 2,
            title: "粮仓测控数据详情",
            closeBtn: 2, //显示关闭按钮
            shade: [0.8, '#393D49'],
            shadeClose:false,
            area: ['1280px', '728px'],
            content: 'granary_detail.html', //iframe的url，no代表不显示滚动条
            fixed: true,
            resize:false,
//           move: '#layui-layer1',
            isOutAnim:true,
//            maxmin: true,
            scrollbar:false,
            offset: 't', //上方弹出
            anim: 2
        });
    });
</script>

</div>
        </div>
    </div>
</section>
<footer>
    <p>Copyright © 物联智略(北京)科技有限公司</p>
</footer>
<script src="../js/jquery-1.11.3.js"></script>
<script src="../js/main.js"></script>
</body>
</html>
